*{
	padding: 0;
	margin: 0;
}
.bwg{
	width: 100%;
	position:absolute;
}
.img1{
	width: 100%;
	position: relative;
}

.yc1{
	width: 13%;
    position: absolute;
    top: 6%;
    left: 83%;
    animation: myfirstjt 2s infinite;  
}
@keyframes myfirstjt {  
           0% {  
               transform: translate(0px, 0px);  
           }  
           50% {  
               transform: translate(4vw, 0px);  
           }  
           100% {  
               transform: translate(0px, 0px);  
           }  
       }  

.yc2{
	width: 18%;
    position: absolute;
    top: 25%;
    left: 5%;
    animation: myfirstjt 2.4s infinite; 
}

.yc3{
	width: 16%;
    position: absolute;
    top: 38%;
    left: 75%;
    animation: myfirstjt 1.7s infinite; 
}
.dw1{
	width: 33%;
    position: absolute;
    top: 61.3%;
    left: 1%;
    animation: myfirst 1.8s infinite;
}
.dw2{
	width: 26%;
    position: absolute;
    top: 62.3%;
    left: 27%;
     animation: myfirst 2.2s infinite;
}
.dw3{
	    width: 26%;
    position: absolute;
    top: 61.9%;
    left: 50%;
     animation: myfirst 1.9s infinite;
}
.dw4{
	width: 22%;
    position: absolute;
    top: 62.1%;
    left: 75%;
     animation: myfirst 2s infinite;
}
@keyframes myfirst {
	0% {
		transform: translate(0px, 0px);
	}
	50% {
		transform: translate(0px, -3vw);
	}
	100% {
		transform: translate(0px, 0px);
	}
}